<template>
    <div id="Freight">
        <el-card>
                <div class="show_main">
                    <h4>运费时效查询</h4>
                    <From @changeres="changeres" />
                    <el-card v-show="show">
                        <el-descriptions title="运费查询" direction="vertical" :column="6" border>
                            <el-descriptions-item label="产品类型">标注快件</el-descriptions-item>
                            <el-descriptions-item label="实际计费重量">{{ res.weight }}</el-descriptions-item>
                            <el-descriptions-item label="预估送达时间" :span="2">{{ res.ShippingTime }}</el-descriptions-item>
                            <el-descriptions-item label="预估费用">{{ res.Price }} </el-descriptions-item>
                        </el-descriptions>
                    </el-card>
                </div>
        </el-card>
    </div>
</template>

<script>
import From from './From.vue';
export default {
    name: "Freight",
    data() {
        return {
            show: false,
            res: []
        }
    },
    components: { From },
    methods: {
        changeres(data) {
            console.log(data);
            this.res = data
            this.show = true
        }
    }
}
</script>

<style lang="scss" scoped>
#Freight {
    width: 70%;
    margin: 0 auto;
    .el-card{
        height: 800px;
    }
}
</style>